<template>
	<div class="pg-page">
		<div class="news-title">{{ news.title }}</div>
		<div class="news-top">
			<div>发布人：{{ news.publisher }}</div>
			<div>{{ news.datetime }}</div>
		</div>
		<div class="news-line" />
		<div class="news-content">{{ news.content }}</div>
		<div class="news-attachment">
			<i class="iconfont icon-fujian"/>
			<span>{{ news.attachment }}</span>
		</div>
	</div>
</template>

<script>
export default {
	name: 'NewsDetail',
	components: {},
	data() {
		return {
			news: {
				title: '专升本辅导课开课通知',
				content: '专升本各辅导课于这周（第七周）开始，请各门课程的相关老师按已经确定的事件和地点上课，下附专升本各专业课程表',
				attachment: '专升本课程安排表.rar',
				publisher: '李思思',
				datetime: '2020-7-31 15:40'
			}
		};
	}
};
</script>

<style lang="less" scoped>
.pg-page{
	margin: 28px;
	display: flex;
	flex-direction: column;

	.news-title{
		margin-top: 20px;
		text-align: center;
		font-size: 22px;		
		font-weight: 500;
		color: #1B1B1B;
	}
	.news-top{
		margin-top: 20px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		font-size: 10px;		
		font-weight: 400;
		color: #B0B0B0;
	}
	.news-line{
		margin-top: 10px;
		border: 1px solid #DCDCDC;
	}	
	.news-content{
		margin-top: 20px;
		font-size: 15px;		
		font-weight: 400;
		color: #3A3A3A;
		line-height: 20px;
		text-indent: 32px;
	}
	.news-attachment{
		margin-top: 20px;
		font-size: 10px;		
		font-weight: 400;
		text-decoration: underline;
		color: #FE921E;
	}
}		
</style>
